<template>
  <div>
    <NavView></NavView>
    <div class="center container">
      <div class="center-left">
        <div class="content">
          <CateGory></CateGory>
        </div>
      </div>

      <div class="center-right">
        <div class="admin">
          <AdminView></AdminView>
        </div>
      </div>
    </div>
    <FooterView></FooterView>
  </div>
</template>

<script>
export default {};
</script>

<style>
.center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.center-left {
  position: relative;
  width: 900px;
  /* background-color: antiquewhite; */
  margin: 20px 10px 0 0;
  border-radius: 10px;
}
.center-right {
  width: 290px;
  /* height: 1000px; */
  /* background-color: antiquewhite; */
  margin-top: 20px;
}
.content {
  width: 100%;
  /* height: 100%; */
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
}
.admin {
  width: 290px;
  height: 220px;
}
.page {
  margin: 0 auto;
}
</style>